/*------------------------------------------------------------------
EMPRESASTYLES.CSS

Empresas Stylesheet
Project:	Feria Virtual
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
TYPOGRAPHY

# Everything: 					Open Sans Regular
# Titles and Headers: 			Oswald and Caps
# Menus: 						Open Sans Bold and Caps
-------------------------------------------------------------------*/

@import url("http://fonts.googleapis.com/css?family=Open+Sans:400,700,800,300,600");
@import url("http://fonts.googleapis.com/css?family=Oswald");
@import url("text.css");

/*------------------------------------------------------------------
RESET
-------------------------------------------------------------------*/

ol, ul, li{
	margin: 				0;
	padding: 				0;
	border: 				0;
}

body, html {
    height: 				100%;
    width: 					100%;
}

body {
	line-height: 			1;
}

p{
	line-height: 			150%;
}

table {
	border-collapse: 		collapse;
	border-spacing: 		0;
}

a
{
	text-decoration: 		none;
}

/*------------------------------------------------------------------
GENERAL
-------------------------------------------------------------------*/

*{	
	font-family: 			'Open Sans', sans-serif;	
}

body{
	background-color: 		#B10B0B;
	height: 				100%;
}

.header{
	min-height:			7em;
	background-image:       	url(../features/images/texture1.png);
}

.wrapperMedium{
	box-shadow: 			5px 5px 30px #000000;
	background-color: 		#CCCCCC;
	margin:				auto; 
	min-height: 			100%;
	width:				95%; 
}

.leftSide
{
	float: left;
}

.rightSide
{
	float: right;
}

.textBoxes
{
	/*border:					1px solid #CCCCCC;*/
	box-shadow:				0px 2px 3px #888888;
	padding:				20px
}

.buttonSmall
{
	box-shadow: 			1px 1px 2px Black;
	background:				-moz-linear-gradient(top, #B10B0B, #D00000);
	background:				-webkit-linear-gradient(top, #B10B0B, #D00000);
	border:					0px;
	color:					White;
	display:				inline-block;
	font-size: 				100%;
	height:					33px;
	line-height:			33px;
	padding: 			0 1% 1% 1%;
	text-decoration:		none;
	text-shadow:			1px 2px 0px #810E05;
}


.button
{
	box-shadow: 			1px 1px 2px Black;
	background:				-moz-linear-gradient(top, #B10B0B, #D00000);
	background:				-webkit-linear-gradient(top, #B10B0B, #D00000);
	border:					0px;
	color:					White;
	display:				inline-block;
	font-size: 				100%;
	height:					33px;
	line-height:			33px;
	padding: 				0 3% 3% 3%;
	text-decoration:		none;
	text-shadow:			1px 2px 0px #810E05;
}
	.button:hover, .buttonSmall:hover
	{
		background:	    	-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #C62D1F), color-stop(1, #F24537) );
		background:			-moz-linear-gradient( center top, #C62D1F 5%, #F24537 100% );
		background-color:	#C62D1F;  
	}
	.button:active, .buttonSmall:active
	{
		position:			relative;
		top: 				1px;
	}

.footer
{
	background-image:       url(../features/images/texture2.png);
	clear:					both;
	color:					white;
	font-size:				1.1vw;
	height:					4em;	
	padding:				3em 0em; 
	position: 				relative;
	bottom:					0;
	width:					100%;
 	z-index: 				10
}

/*------------------------------------------------------------------
EMPRESASTYLES.CSS

Empresas Stylesheet
Project:	Feria Virtual
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
TYPOGRAPHY

# Everything: 					Open Sans Regular
# Titles and Headers: 			Oswald and Caps
# Menus: 						Open Sans Bold and Caps
-------------------------------------------------------------------*/

@import url("http://fonts.googleapis.com/css?family=Open+Sans:400,700,800,300,600");
@import url("http://fonts.googleapis.com/css?family=Oswald");
@import url("text.css");

/*------------------------------------------------------------------
RESET
-------------------------------------------------------------------*/

ol, ul, li{
	margin: 				0;
	padding: 				0;
	border: 				0;
}

body, html {
    height: 				100%;
    width: 					100%;
}

body {
	line-height: 			1;
}

p{
	line-height: 			150%;
}

table {
	border-collapse: 		collapse;
	border-spacing: 		0;
}

a
{
	text-decoration: 		none;
}

/*------------------------------------------------------------------
GENERAL
-------------------------------------------------------------------*/

*{	
	font-family: 			'Open Sans', sans-serif;	
}

body{
	background-color: 		#B10B0B;
	height: 				100%;
}

.header{
	min-height:			7em;
	background-image:       	url(../features/images/texture1.png);
}

.wrapperMedium{
	box-shadow: 			5px 5px 30px #000000;
	background-color: 		#CCCCCC;
	margin:				auto; 
	min-height: 			100%;
	width:				95%; 
}

.leftSide
{
	float: left;
}

.rightSide
{
	float: right;
}

.textBoxes
{
	/*border:					1px solid #CCCCCC;*/
	box-shadow:				0px 2px 3px #888888;
	padding:				20px
}

.button
{
	box-shadow: 			1px 1px 2px Black;
	background:				-moz-linear-gradient(top, #B10B0B, #D00000);
	background:				-webkit-linear-gradient(top, #B10B0B, #D00000);
	border:					0px;
	color:					White;
	display:				inline-block;
	font-size: 				100%;
	height:					33px;
	line-height:			33px;
	padding: 				0 3% 3% 3%;
	text-decoration:		none;
	text-shadow:			1px 2px 0px #810E05;
}
	.button:hover
	{
		background:	    	-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #C62D1F), color-stop(1, #F24537) );
		background:			-moz-linear-gradient( center top, #C62D1F 5%, #F24537 100% );
		background-color:	#C62D1F;  
	}
	.button:active
	{
		position:			relative;
		top: 				1px;
	}

.footer
{
	background-image:       url(../features/images/texture2.png);
	clear:					both;
	color:					white;
	font-size:				1.1vw;
	height:					4em;	
	padding:				3em 0em; 
	position: 				relative;
	bottom:					0;
	width:					100%;
 	z-index: 				10
}

.social
{
	position: absolute; left:2%; top:5%; z-index:200;
}

.social img
{
	width: 					33%;
	padding: 				0.5%;
}

	.social img:hover
	{
		/*Escalar*/
		-webkit-transform:		scale(1.6, 1.6);
		-o-transform:			scale(1.6, 1.6);
		-moz-transform:			scale(1.6, 1.6);
		transform:				scale(1.6, 1.6);

		/*Transicion*/
		-webkit-transition: 	all 0.15s ease-out;  	/* Chrome 1-25, Safari 3.2+ */
	    -moz-transition: 		all 0.15s ease-out;  	/* Firefox 4-15 */
	   	-o-transition: 			all 0.15s ease-out;  	/* Opera 10.50–12.00 */
	    transition: 			all 0.15s ease-out;  	/* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
	}

#content{
	width: 				80%; 
	background-color: 		#FAFAFA; 
	float: 				right;
	min-height: 			100%;
}

#sideMenu{
	background-color: 			#CCCCCC;
	width: 					20%; 
	float: 					left;
	min-height:				100%;
}


#listMenu{
	list-style-type:		none;
}

#listMenu li{
	background:				-webkit-linear-gradient(top, #DADADA, #CFCFCF);		
	padding:				7.5% 10%;
}

#listMenu li a{

	color:					black;
	font-size:				1vw;
	display: 				inline-block;
	text-decoration: 		none;
}

#listMenu li:hover{
	box-shadow:				2px 2px 2px #888888;	

	/*Escalar*/
	-webkit-transform:			scale(1.04, 1.04);
	-o-transform:				scale(1.04, 1.04);
	-moz-transform:				scale(1.04, 1.04);
	transform:					scale(1.04, 1.04);

	/*Transicion*/
	-webkit-transition: 			all 0.3s ease-out;  	/* Chrome 1-25, Safari 3.2+ */
   	-moz-transition: 			all 0.3s ease-out;  	/* Firefox 4-15 */
   	-o-transition: 				all 0.3s ease-out;  	/* Opera 10.50–12.00 */
    	transition: 				all 0.3s ease-out;  
}

.headerLogo{
	width:					20%;
	position: 				relative; 
	padding:				2%;
	left:					2%;
	top:					10%; 
}

.headerInfo{
	margin: 				3.5% 0% 0% 4%
}

#brandName{
	font-size: 				1.95vw
}

#brandSlogan{
	margin-top: 			10%;
	font-size: 				1.4vw
}

#brandWebpage{
	color:					black;
	font-size: 				1vw;
}

.brandBanner{
	width:					100%;
	margin: 				0 auto;
	box-shadow: 			0px 2px 3px #000000;
}

#aareiiLogo{
	position: 				relative; 
	right:					2.25%;
	margin-top:				2.25%;
}

#content{
	width: 				80%; 
	background-color: 		#FAFAFA; 
	float: 				right;
	min-height: 			100%;
}

#sideMenu{
	background-color: 			#CCCCCC;
	width: 					20%; 
	float: 					left;
	min-height:				100%;
}


#listMenu{
	list-style-type:		none;
}

#listMenu li{
	background:				-webkit-linear-gradient(top, #DADADA, #CFCFCF);		
	padding:				7.5% 10%;
}

#listMenu li a{

	color:					black;
	font-size:				1vw;
	display: 				inline-block;
	text-decoration: 		none;
}

#listMenu li:hover{
	box-shadow:				2px 2px 2px #888888;	

	/*Escalar*/
	-webkit-transform:			scale(1.04, 1.04);
	-o-transform:				scale(1.04, 1.04);
	-moz-transform:				scale(1.04, 1.04);
	transform:					scale(1.04, 1.04);

	/*Transicion*/
	-webkit-transition: 			all 0.3s ease-out;  	/* Chrome 1-25, Safari 3.2+ */
   	-moz-transition: 			all 0.3s ease-out;  	/* Firefox 4-15 */
   	-o-transition: 				all 0.3s ease-out;  	/* Opera 10.50–12.00 */
    	transition: 				all 0.3s ease-out;  
}

.headerLogo{
	width:					20%;
	position: 				relative; 
	padding:				2%;
	left:					2%;
	top:					10%; 
}

.headerInfo{
	margin: 				3.5% 0% 0% 4%
}

#brandName{
	font-size: 				1.95vw
}

#brandSlogan{
	margin-top: 			10%;
	font-size: 				1.4vw
}

#brandWebpage{
	color:					black;
	font-size: 				1vw;
}

.brandBanner{
	width:					100%;
	margin: 				0 auto;
	box-shadow: 			0px 2px 3px #000000;
}

#aareiiLogo{
	position: 				relative; 
	right:					2.25%;
	margin-top:				2.25%;
}

/*------------------------------------------------------------------
STAND Tipo A
-------------------------------------------------------------------*/

#maletin_A
{
	position: 				absolute;
	left:					35.1%;
	top:					70.4%;
	z-index: 				200;
	width:					6.1%;
}

#agenda_A
{
	position: 				absolute;
	left:					13%;
	top:					50.3%;
	z-index: 				200;
	width:					5.4%;
}

#ofertas_A
{
	position: 				absolute;
	left:					15.7%;
	top:					42.2%;
	z-index: 				200;
	width:					4%;
}

#descargas_A
{
/*
	-webkit-filter: drop-shadow(1px 1px 7px white);
    	filter:         drop-shadow(1px 1px 7px white);*/ 
	position: 				absolute;
	left:					14.6%;
	top:					55.6%;
	z-index: 				200;
	width:					3.5%;
}

#maletin_A:hover, #agenda_A:hover, #ofertas_A:hover, #descargas_A:hover
{	
	cursor: pointer; 
	cursor: hand;

	/*Escalar*/
	-webkit-transform:			scale(1.3, 1.3);
	-o-transform:				scale(1.3, 1.3);
	-moz-transform:				scale(1.3, 1.3);
	transform:					scale(1.3, 1.3);

	/*Transicion*/
	-webkit-transition: 		all 0.3s ease-out;  	/* Chrome 1-25, Safari 3.2+ */
    	-moz-transition: 			all 0.3s ease-out;  	/* Firefox 4-15 */
   	-o-transition: 				all 0.3s ease-out;  	/* Opera 10.50–12.00 */
    	transition: 				all 0.3s ease-out;  	/* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
}

/*------------------------------------------------------------------
STAND Tipo B
-------------------------------------------------------------------*/

#maletin_B
{
	position: 				absolute;
	left:					32.5%;
	top:					70.4%;
	z-index: 				200;
	width:					8.1%;
}

#agenda_B
{
	position: 				absolute;
	left:					27.4%;
	top:					41.7%;
	z-index: 				200;
	width:					6.1%;
}

#ofertas_B
{
	position: 				absolute;
	left:					29.5%;
	top:					32.5%;
	z-index: 				200;
	width:					4.7%;
}

#descargas_B
{
/*
	-webkit-filter: drop-shadow(1px 1px 7px white);
    	filter:         drop-shadow(1px 1px 7px white);*/ 
	position: 				absolute;
	left:					28.6%;
	top:					48.5%;
	z-index: 				200;
	width:					4.3%;
}

#maletin_B:hover, #agenda_B:hover, #ofertas_B:hover, #descargas_B:hover
{	
	cursor: pointer; 
	cursor: hand;

	/*Escalar*/
	-webkit-transform:			scale(1.3, 1.3);
	-o-transform:				scale(1.3, 1.3);
	-moz-transform:				scale(1.3, 1.3);
	transform:					scale(1.3, 1.3);

	/*Transicion*/
	-webkit-transition: 		all 0.3s ease-out;  	/* Chrome 1-25, Safari 3.2+ */
    	-moz-transition: 			all 0.3s ease-out;  	/* Firefox 4-15 */
   	-o-transition: 				all 0.3s ease-out;  	/* Opera 10.50–12.00 */
    	transition: 				all 0.3s ease-out;  	/* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
}

/*------------------------------------------------------------------
STAND Tipo C
-------------------------------------------------------------------*/

#maletin_C
{
	position: 				absolute;
	left:					65.9%;
	top:					71.4%;
	z-index: 				200;
	width:					10%;
}

#agenda_C
{
	position: 				absolute;
	left:					19%;
	top:					42.7%;
	z-index: 				200;
	width:					3.9%;
}

#maletin_C:hover, #agenda_C:hover
{	
	cursor: pointer; 
	cursor: hand;

	/*Escalar*/
	-webkit-transform:			scale(1.3, 1.3);
	-o-transform:				scale(1.3, 1.3);
	-moz-transform:				scale(1.3, 1.3);
	transform:					scale(1.3, 1.3);

	/*Transicion*/
	-webkit-transition: 		all 0.3s ease-out;  	/* Chrome 1-25, Safari 3.2+ */
    	-moz-transition: 			all 0.3s ease-out;  	/* Firefox 4-15 */
   	-o-transition: 				all 0.3s ease-out;  	/* Opera 10.50–12.00 */
    	transition: 				all 0.3s ease-out;  	/* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
}

/*------------------------------------------------------------------
STAND Tipo D
-------------------------------------------------------------------*/

#maletin_D
{
	position: 				absolute;
left: 21.9%;
top: 77.4%;
z-index: 200;
width: 9%;
}

#maletin_D:hover
{	
	cursor: pointer; 
	cursor: hand;

	/*Escalar*/
	-webkit-transform:			scale(1.3, 1.3);
	-o-transform:				scale(1.3, 1.3);
	-moz-transform:				scale(1.3, 1.3);
	transform:					scale(1.3, 1.3);

	/*Transicion*/
	-webkit-transition: 		all 0.3s ease-out;  	/* Chrome 1-25, Safari 3.2+ */
    	-moz-transition: 			all 0.3s ease-out;  	/* Firefox 4-15 */
   	-o-transition: 				all 0.3s ease-out;  	/* Opera 10.50–12.00 */
    	transition: 				all 0.3s ease-out;  	/* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
}

/*------------------------------------------------------------------
STANDS INDIVIDUALES
-------------------------------------------------------------------*/

#frontalFiat
{position: absolute; left:55%; top:65.3%; z-index:200;width:14.5%;}

#frontalAstori
{position: absolute; left:54.7%; top:67.3%; z-index:200; width:14.5%;}
#anteriorAstori
{position: absolute; left:67.35%; top:31.85%; z-index:200; width:10.4%;}

#frontalPenaflor
{position: absolute; left:55%; top:69.3%; z-index:200; width:14.5%;}

#frontalPAE
{position: absolute; left:45.7%; top:72.6%; z-index:200; width:13.5%;}

#frontalUnilever
{position: absolute; left:45.7%; top:70.6%; z-index:200; width:13.5%;}
#topUnilever
{position: absolute; left: 31.3%;top: 10.6%;z-index: 200;width: 7.3%;}
#middleUnilever
{position: absolute; left: 30.6%;top: 47.6%;z-index: 200;width: 8.5%;}
#videoA
{position: absolute; left: 59.8%;top: 47.9%;z-index: 200;width: 3%;}

#frontalTechint
{position: absolute; left:45.7%; top:70.6%; z-index:200; width:13.5%;}
#topTechint
{position: absolute; left: 31.3%;top: 10.6%;z-index: 200;width: 7.3%;}
#middleTechint
{position: absolute; left: 30.5%;
top: 48.5%;
z-index: 200;
width: 8.5%;}



/*C*/
#frontalCocaCola
{position: absolute; left:34.2%; top:66.6%; z-index:200; width:23.5%;}
#frontalQuilmes
{position: absolute; left:34.2%; top:66.6%; z-index:200; width:23.5%;}
#frontalArcor
{position: absolute; left:34.2%; top:66.6%; z-index:200; width:23.5%;}
#frontalMondelez
{position: absolute; left:34.2%; top:66.6%; z-index:200; width:23.5%;}

#frontalD
{position: absolute; left: 35%;top: 64%;z-index: 200;width: 19.2%;}
#TvD
{position: absolute; left: 47.8%;
top: 35.6%;
z-index: 200;
width: 15.7%;}